<template lang="html">
    <div class="container">
      <!--自定义组件  -->
      <RadioTitle  title="热门"/>
      <div class="unique">
          <div  class="showContainer">
                <router-link to="hotradio" class="text" tag="div">独家放送</router-link>
                <div class="jiantou">
                    <img src="../../assets/images/icon-next20.png" alt="">
                </div>
          </div>
        <!--自定义组件-->
        <UniqueBroadcast />
      </div>
      <div class="recentlyPlay">
        <div  class="showContainer">
              <router-link to="hotradio" class="text" tag="div">最近播放</router-link>
              <div class="jiantou">
                  <img src="../../assets/images/icon-next20.png" alt="">
              </div>
        </div>
        <!-- 自定义组件 -->
        <RecommendSee dataUrl="recentlyPlay.json" />
      </div>
    </div>
</template>

<script>
import RadioTitle from "../../components/radioTitle"
import UniqueBroadcast from "../../components/uniqueBroadcast"
import RecommendSee from "./recomendSee"

export default {
    name:"hotradio",
    data(){
      return{

      }
    },
    components:{
      RadioTitle,
      UniqueBroadcast,
      RecommendSee
    }
}
</script>

<style  scoped>
.unique{
  margin-top: 0rem;
  background-color: #fff;
}
.showContainer{
  width: 100%;
  height: 0.74rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
  background-color: #fff;
}
.showContainer .text{
  float: left;
  font-size: 18px;
  margin-top:0.2rem;
}
.showContainer .jiantou{
  float: right;
  margin: 0.2rem 0 0 0;
}

</style>
